<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>week15demo</title>
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<header>
		<div class="head">
			<img src="img/title2.png" alt="logo" class="logo">
	        <div class="bar">
	        	<nav>
	        		<a href="">HOME</a>
	        		<a href="">WORK</a>
	        		<a href="">CONTACT</a>
	        		<a href="">JOIN US</a>
	        	
	        	</nav>
	        </div>
	    </div>
	    </header>	
	   
	   <main>
	   	    <div class="ban">
	   	    	<img src="img/封面.jpg"  alt class="ban-logo">
	   	    </div>
	   	    
	   	    <div class="container">
	   	    	<p>INFINI（映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意</p>
	   	    </div>
	   	<div class="part" >
	   		<span><img src="img/1.jpg"/></span>
	   		<span><img src="img/2.jpg"/></span>
	   		<span><img src="img/3.jpg"/></span>
	   		<span><img src="img/4.jpg"/></span>
	   		<span><img src="img/5.jpg"/></span>
	   		<span><img src="img/6.jpg"/></span>
	   		<span><img src="img/7.jpg"/></span>
	   		<span><img src="img/8.jpg"/></span>
	   		<span><img src="img/9.jpg"/></span>
	   		<span><img src="img/10.jpg"/></span>
	   		<span><img src="img/11.jpg"/></span>
	   		
	   	</div> 
	   	
	   	<div class="work">
	   		<div class="picture">
	   			<figure>
	   				<img src="img/抖音.jpg" alt"抖音" class="photo">
	   				<figcaption>抖音海外版Tik Tok</figcaption>
	   			</figure>
	   		</div>
	   		<div class="picture">
	   			<figure>
	   				<img src="img/今日头条.jpg" alt="今日头条" class="photo">
	   				<figcaption>今日头条</figcaption>
	   			</figure>
	   		</div>
	   		<div class="picture">
	   			<figure>
	   				<img src="img/抖音X碧桂园公益.jpg" alt"抖音X碧桂园公益" class="photo">
	   				<figcaption>抖音X碧桂园公益</figcaption>
	   			</figure>
	   		</div>
	   		<div class="picture">
	   			<figure>
	   				<img src="img/火影忍者.jpg" alt"炫酷火影忍者" class="photo">
	   				<figcaption>火影忍者</figcaption>
	   			</figure>
	   		</div>
	   		<div class="picture">
	   			<figure>
	   				<img src="img/宝洁.jpg" alt"宝洁" class="photo">
	   				<figcaption>宝洁</figcaption>
	   			</figure>
	   	</div>
	   	<div class="picture">
	   			<figure>
	   				<img src="img/TOPBUZZ.jpg" alt"今日头条海外版" class="photo">
	   				<figcaption>今日头条海外版</figcaption>
	   			</figure>
	   		</div>	
	   	</div>	
	   </main>
	   <footer>
	   	<div class="left-footer">
	   	</div>
		<div class="right-footer">
			<center>
	<img src="img/footer_logo.jpg" width="25%">
	</center>
			
	   		<p>INFINI 映纷创意</p>
	   		<p>北京市朝阳区常营</p>
	   		<p>TEL:010-85394331</p>
	   		<p>QQ：7585917</p>
	   		<p>E-mail：infinistudio@foxmail.com</p>
	   		<p>weibo:@InfiniStudio</p>
	   	</div>
	   </footer>      
	</body>		
</html>